<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>管道数据</title>
    <meta charset="utf-8">
    <meta name="resource_path" content="${resourcePath}" id="JQ_resource_path">
    <meta name="local_path" content="<%=request.getContextPath()%>" id="JQ_local_path">
    <meta name="gis_path" content="${gisResourcePath}" id="JQ_gis_path">

    <link rel="stylesheet" type="text/css" href="${resourcePath}/css/new/risk.css">
    <link rel="stylesheet" href="<%=request.getContextPath()%>/static/css/style.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/js/plugin/datetimepicker/jquery.datetimepicker.min.css">
    <style>
        input[type="text"], input[type="password"]{
            border:none !important;height:36px !important;line-height:36px !important;
        }
    </style>
</head>
<body class="body-pad" style="padding-bottom:100px">
<div class="html-header" style="background-color:white">
    <div class="xyf-toggle-form-div header-title" style="margin:-10px 0 0">
        <span><em class="icon-ghg-1"></em>高后果区 > 统计</span>查询条件<i class="xyf-toggle-form-icon" style="display: inline-block !important;"></i>
    </div>
</div>
<div class="container-fluid warp">
    <div class="row-fluid bg-white1">
        <div class="main clearFix  content-inner">
            <div class="lsk-pick-line" style="margin-bottom:60px">
            <div class="zy-form-line">
                <div class="zy-input-group w-31">
                    <div class="zy-input-meta"><i class="zy-requird-icon"></i>管道名称</div>
                    <div class="zy-select-inner">
                        <blockquote id="JQ_pipeline" btn="pipeLineArr" class="bk-select"><abbr></abbr></blockquote>
                    </div>
                </div>
                <div class="zy-sp"></div>
                <div class="zy-input-group w-31">
                    <div class="zy-input-meta">管段名称</div>
                    <div class="zy-select-inner">
                        <blockquote id="pipeSegmentArr" class="bk-select"></blockquote>
                    </div>
                </div>
                <div class="zy-sp"></div>
                <div class="zy-input-group w-31">
                    <div class="zy-input-meta">起点位置</div>
                    <div class="zy-select-inner">
                        <blockquote id="JQ_begin" class="bk-select"></blockquote>
                    </div>
                </div>
                <div class="clear"></div>
            </div>
            <div class="zy-form-line">
                <div class="zy-input-group w-31">
                    <div class="zy-input-meta">终点位置</div>
                    <div class="zy-select-inner">
                        <blockquote id="JQ_end" class="bk-select"></blockquote>
                    </div>
                </div>
                <div class="zy-sp"></div>
                <div class="zy-input-group w-13">
                    <div class="zy-input-meta">评价时间</div>
                    <div class="zy-input-inner">
                        <input id="JQ_input_date_01" type="text" class="zy-i-input zy-i-input-date">
                    </div>
                </div>
                <div class="zy-sp zy-sp-bg"></div>
                <div class="zy-input-group w-13">
                    <div class="zy-input-meta">&nbsp;</div>
                    <div class="zy-input-inner">
                        <input id="JQ_input_date_02" type="text" class="zy-i-input zy-i-input-date">
                    </div>
                </div>
                <div class="clear"></div>
            </div>
            <div class="zy-input-group w-100" style="position:relative">
                <button id="JQ_search" class="zy-button zy-search" type="button"><i class="zy-search-icon"></i>查询</button>
                <div class="new-gl clearFix" style="position: absolute;right:0;top:20px;width:95px;">
                    <a href="javascript:void(0);" class="export-b exportPdf" id="JQ_export_btn_01" style="margin-left:-11px;margin-top: -13px"><em></em>导出</a>
                </div>
                <div style="clear: both"></div>
            </div>
            </div>
            <div class="clear"></div>
            <div class="hSt" id="JQ_pdf_area">
                <div class="Hs-left" style="position:relative;height:362px;">
                    <p class="title">高后果区等级数量占比</p>
                    <div class="r zy-charts-info " id="lsk-charts" style="position: absolute;top:170px;left:65%;display:none" >
                        <p><i class="zy-c-i-02"></i>Ⅰ级&nbsp;&nbsp;</p>
                        <p><i class="zy-c-i-05"></i>Ⅱ级&nbsp;&nbsp;</p>
                        <p><i class="zy-c-i-10"></i>Ⅲ级&nbsp;&nbsp;</p>
                    </div>
                    <div class="xyf-not-chart" id="circleNull" style="position: absolute;top:40px">
                        <%--<img src="${pageContext.request.contextPath}/static/img/chart_no_data.png">--%>
                    </div>
                    <div  id="circleChart" style="height:300px;width:300px;text-align:center;margin:50px auto 0 10%"></div>
                </div>
                <div class="Hs-right">
                    <p class="title">高后果区等级长度</p>
                    <div class="zy-charts-box" style="border: none">
                        <div class="zy-charts-inner">
                            <div id="JQ_hacg" class="zy-charts-body" data-empty="${pageContext.request.contextPath}/static/img/chart_no_data.png"></div>
                        </div>
                        <%--<div class="xyf-not-chart" id="lsk-d" style="position: absolute;top:16px;display: block">--%>
                            <%--&lt;%&ndash;<img src="${pageContext.request.contextPath}/static/img/chart_no_data.png">&ndash;%&gt;--%>
                        <%--</div>--%>
                    </div>
                </div>
                <div class="clear"></div>
            </div>
            <div class="zy-form-line" style="text-align:right">
                <br>
                <br>
                <br>
                <br>
                <a href="javascript:history.back(-1)"><button id="JQ_go_list" class="zy-button zy-goback" type="button"><i class="zy-goback-icon"></i>返回</button></a>&nbsp;&nbsp;&nbsp;&nbsp;
                <%--<button id="JQ_export_btn_01" class="zy-button zy-export exportPdf" type="button"><i class="zy-export-icon"></i>导出</button>--%>
            </div>
        </div>
    </div>
</div>
<!-- pdf div canvas -->
<div id="JQ_export_pdf_div"></div>

<!-- plugin -->
<script src="${pageContext.request.contextPath}/static/js/plugin/datatables/js/jquery.dataTables.min.js"></script>
<script src="${pageContext.request.contextPath}/static/js/plugin/datetimepicker/jquery.datetimepicker.full.min.js"></script>
<script src="${pageContext.request.contextPath}/static/js/plugin/d3/d3.js"></script>
<script src="${pageContext.request.contextPath}/static/js/plugin/html2canvas/html2canvas.js"></script>
<script src="${pageContext.request.contextPath}/static/js/plugin/canvg/canvg.js"></script>
<!-- myd3 -->
<script src="${pageContext.request.contextPath}/static/js/plugin/myplugin/myd3.plugin.js"></script>
<!-- mypdf -->
<script src="${pageContext.request.contextPath}/static/js/plugin/myplugin/mypdf.plugin.js"></script>
<!-- ui -->
<script src="${pageContext.request.contextPath}/static/js/ui/ui-main.js"></script>
<script src="<%=request.getContextPath()%>/static/js/controller/base/base.controller.js"></script>
<script src="${pageContext.request.contextPath}/js/basedata/pipe/loadGis.js"></script>
<script src="<%=request.getContextPath()%>/js/riskmgr/riskComm.js"></script>

<script src="<%=request.getContextPath()%>/js/riskmgr/hacMgriListStatistics.js"></script>
<script type="text/javascript">
  //收起
$('.xyf-toggle-form-div').on('click',function(){
    if($(this).hasClass('active')){
        $(this).removeClass('active')
        $('.lsk-pick-line').removeClass('none');
    }else {
        $(this).addClass('active');
        $('.lsk-pick-line').addClass('none');
    }
})
</script>
</body>
</html>

